$(document).ready(function(){
    $('#mensagem').hide();
    $('#error').hide();
    // cria um evento no click no botao 
    $('#enviar').click(function(){
        sendform()
    })
})

// Funcao que recupera e envia os dados para o data.php via post
function sendform(){
    // recupera os dados do form
    fcod_local = $('#cod_local').val()
    fendereco = $('#endereco').val()
    fbairro = $('#bairro').val()
    fsentido = $('#sentido').val()
    freferencia = $('#referencia').val()
    ftipo = $('#tipo').val()
    fqtd_modulos = $('#qtd_modulos').val()
    fqtd_bancos = $('#qtd_bancos').val()
    fqtd_assentos = $('#qtd_assentos').val()
    ftem_lixeira = $('#tem_lixeira').is(':checked')
    ftem_iluminacao = $('#tem_iluminacao').is(':checked')
    ftem_piso = $('#tem_piso').is(':checked')
    flarg_calcada = $('#larg_calcada').val()
    flarg_abrigo = $('#larg_abrigo').val()
    fdist_frente_fundo = $('#dist_frente_fundo').val()
    fdist_pilares = $('#dist_pilares').val()
    flatitude = $('#latitude').val()
    flongitude = $('#longitude').val()
    // instancia o ajax via post informando o destino no caso data.php
    $.post('../php/form_ponto.php', // envia os dados do form nas variaveis
    {
        cod_local: fcod_local,
        endereco: fendereco,
        bairro: fbairro,
        sentido: fsentido,
        referencia: freferencia,
        tipo: ftipo,
        qtd_modulos: fqtd_modulos,
        qtd_bancos: fqtd_bancos,
        qtd_assentos: fqtd_assentos,
        tem_lixeira: ftem_lixeira,
        tem_iluminacao: ftem_iluminacao,
        tem_piso: ftem_piso,
        larg_calcada: flarg_calcada,
        larg_abrigo: flarg_abrigo,
        dist_frente_fundo: fdist_frente_fundo,
        dist_pilares: fdist_pilares,
        latitude: flatitude,
        longitude: flongitude
    }, // recupera as informacoes vindas do form_ponto.php
 function(data){
        $('#error').html('');
        $('#error').hide();
        $('#mensagem').html('');
        $('#mensagem').hide();
        // se retornou 1 entao os dados nao foram enviados
        if (data == 1) {
            $('#error').show('slow');
            // insere na div o conteudo/mensagem de erro
            $('#error').html('Preencha todos os campos!');
        }
        else {
            $('#mensagem').show('slow');
            // insere o conteudo vindo do data.php na div
            $('#mensagem').html(data);
        }
        
    })
}
